<!DocType html>
<html>
    <head>demo</head>
    <body>
        <header>abc</header>
        <nav>menu</nav>
        <article>this is the article</article>
        <aside>right?</aside>
        <footer>the foot info</footer>
        <input type="checkbox" checked=""/>
        <hgroup>
            <section>section1
                <article>infot for 1</article>
            </section>
            <section>section2
                <article>infot for 2</article>
            </section>
        </hgroup>
        <figure>
           <figcaption>PRC</figcaption>
           <p>The People's Republic of China was born in 1949...</p>
        </figure>
        <mark>Mark</mark>
        <time></time>
        <ruby>当<rt><rp>(</rp>dang<rp>)</rp></rt></ruby>
        <p>To learn AJAX, you must be fai<wbr>liar with the XMLHttp<wbr>Request Object</p>
        <canvas id="mycanvas" width="200" height="200" style="color:lightblue;"></canvas>
        <command onclick="cut()" label="cut"></command>
        <details>
            <summary>HTML 5</summary>
            This document teaches you everything you have to learn about HTML 5.
        </details>
        
        <datalist><col span="hello">
            <col span="hello1">
            <col span="hello2">
            <col span="hello3">
        </datalist>
        <datagrid></datagrid>
        <keygen>
        <output>helow</output>
        <source src="http://pgccdn.v.baidu.com/3540162954_3358729500_20170522212652.mp4?authorization=bce-auth-v1%2Fc308a72e7b874edd9115e4614e1d62f6%2F2017-05-22T13%3A27%3A00Z%2F-1%2F%2F272025ec63d4ee7bfdfadf90b146c2c06e94d5513d68dfee44016dbc4ab68997&responseCacheControl=max-age%3D8640000&responseExpires=Wed%2C+30+Aug+2017+21%3A27%3A00+GMT&xcode=8c82452211fca15170f167fc83b16df74dc22bea81b2812d&time=1523551163&_=1523464778210">
        <menu>
            <li><input type="checkbox">Red</li>
            <li><input type="checkbox">Blue</li>
        </menu>
        <input type="email">
        <input type="number">
        <input type="range" max="100" min="1">
        <input type="date">
        <input type="time">
        <input type="week">
        <input type="month">
        <input type="datetime">
        <input type="datetime-local">
        <del>this is a deleted sentense</del>
        <br>
        <ul contenteditable="true">
            <li>列表元素1</li>
            <li>列表元素2</li>
            <li>列表元素3</li>
        </ul>
    </body>
</html>